<template>
<div class="jingpinitme">
<div v-for="(v,i) in data" :key="i">
<img :src= v.imgurl>
<p><span>{{v.number}} 人学习 · </span> <span>{{v.Easy}}</span> </p> 
<p> <span>币{{v.money}}</span></p>
</div>  
</div>
</template>
<script>
export default {
props:["data"]

}
</script>

<style scoped>
.jingpinitme{
    width: 3.43rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.jingpinitme>div{
    width: 1.65rem;
    height: 1.6rem;
    border-radius: .1rem;
    overflow: hidden;
    background-color: #ffffff;
    margin: .1rem .03rem;
}
.jingpinitme>div>img{
    width: 1.65rem;
    height: .8rem;
}
.jingpinitme>div>p:nth-child(2){
    font-size: .1rem;
    color: #6a6a6a;
    margin-top: 0.1rem;
}
.jingpinitme>div>p:nth-child(3){
    font-size: .12rem;
    color: #ec244b;
    margin-top: 0.1rem;
}

</style>